.custom_datepicker_wrapper {
  width: 100%;
  user-select: none;
  text-align: center;
  background-color: #fff;
  box-shadow: 1px 1px 1px lightgray, -1px -1px 1px lightgray;
  .date_toolbar {
    .date_opt {
      &:hover {
        color: lightblue;
        cursor: pointer;
      }
    }
    .date_year {
      padding: 0 5px;
      &:hover {
        color: lightblue;
      }
    }
    .date_month {
      padding: 0 5px;
      &:hover {
        color: lightblue;
      }
    }
  }
  .date_content {
    .unfocus {
      color: lightgray;
    }
    .date_cels {
      box-sizing: border-box;
      width: 24px;
      height: 24px;
      line-height: 24px;
      margin: 0 auto;
      &:hover {
        background-color: lightblue;
      }
    }
    .today {
      border: 1px solid #1890ff;
    }
    .selected {
      background-color: #1890ff;
      &:hover {
        background-color: #1890ff;
      }
    }
  }
}